@font-face
{
  font-family: msIcon;
  src: url('../font/ms-icon.ttf'),url('../font/ms-icon.eot') , url('../font/ms-icon.otf') , url('../font/ms-icon.svg') , url('../font/ms-icon.woff') , url('../font/ms-icon.woff2');
  src:url('../font/ms-icon.eot');
  src:url('../font/ms-icon.eot?#iefix')format('embedded-opentype'),
  url('../font/ms-icon.woff')format('woff'),
  url('../font/ms-icon.ttf')format('truetype'),
  url('../font/ms-icon.svg#NeuesBauenDemo')format('svg');
}
.ms-icon
{
  font-family:msIcon;
  font-size : 5em;
  overflow:hidden;
  color: #000222;
}
.ms-icon-big {
  font-size : 7em!important;
  overflow:hidden;
}

.ms-icon-middle {
  font-size : 6.5em!important;
  overflow:hidden;
}

.ms-icon-phone:after
{
  content : 'b';
}

.ms-icon-computer:after
{
  content : 'a';
}

.ms-icon-sumiao:after
{
  content : 'c';
}
.ms-icon-pingmian:after
{
  content : 'd';
}
.ms-icon-php:after
{
  content : 'f';
}

.ms-icon-html5:after
{
  content : 'g';
}

.ms-icon-set:after
{
  content : 'e';
}

.ms-icon-world:after
{
  content : 'e';
}

.ms-icon-wechat:after
{
  content : 'h';
}

.ms-icon-lisen:after
{
  content : 'j';
}
.ms-icon-edit:after
{
  content : 'k';
}
.ms-icon-clock:after
{
  content : 'u';
}
.ms-icon-map:after
{
  content : 'm';
}
.ms-icon-book:after
{
  content : 'l';
}
.ms-icon-wenhao:after
{
  content : 's';
}

.ms-icon-light:after
{
  content : 'n';
}

.ms-icon-ditie:after
{
  content : 'n';
}
.ms-icon-ren:after
{
  content : 'o';
}

.ms-icon-bus:after
{
  content : 'q';
}
.ms-icon-build:after
{
  content : 'p';
}
.ms-icon-qi:after
{
  content : 'r';
}
.ms-icon-write:after
{
  content : 's';
}

